<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld>
      <template v-slot:game>
        <h1>王者</h1>
        <h1>和平</h1>
      </template>
      <template v-slot:study>
        <h1>HTML</h1>
        <h1>CSS</h1>
      </template>
    </HelloWorld>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src
import { useRouter } from "vue-router";

export default defineComponent({
  name: "HomeView",
  components: {
    HelloWorld,
  },
  setup(){
    var router = useRouter()
    console.log(router);
    
  }
});
</script>
